<template>
  <div class="layout" id="app">
    <!-- 某某酒楼 -->
    <div >
      <!-- 左侧菜系选择 -->
      <div class="menu">
        <ul>
          <li>
            <a>特价套餐</a>
            <span>1</span>
          </li>
          <li><a>主食</a></li>
          <li><a>凉菜</a></li>
          <li><a>川菜</a></li>
          <li><a>湘菜</a></li>
          <li><a>鄂菜</a></li>
          <li><a>蒸菜</a></li>
          <li><a>煲汤</a></li>
          <li><a>面点</a></li>
          <li><a>酒水</a></li>
        </ul>
      </div>
      <!-- 右侧菜品展示 -->
      <div class="main">
        <p>菜品</p>
        <ul>
          <li>
            <img src="@/assets/img/1.jpg" width=100 height=100 />
            <div class="info">
              <label>口水鸡</label>
              <label>月售1234| 好评度90%</label>
              <label>
                <b>￥10</b>
                <div class="choose">
                  <a>-</a>
                  <span>1</span>
                  <a>+</a>
                </div>
              </label>
            </div>
           </li>
          <li>
            <img src="@/assets/img/2.jpg" width=100 height=100 />
            <div class="info">
              <label>口水鸡</label>
              <label>月售1234| 好评度90%</label>
              <label>
                <b>￥10</b>
                <div class="choose">
                  <a>-</a>
                  <span>1</span>
                  <a>+</a>
                </div>
              </label>
            </div>
           </li>
           <li>
            <img src="@/assets/img/3.jpg" width=100 height=100 />
            <div class="info">
              <label>口水鸡</label>
              <label>月售1234| 好评度90%</label>
              <label>
                <b>￥10</b>
                <div class="choose">
                  <a>-</a>
                  <span>1</span>
                  <a>+</a>
                </div>
              </label>
            </div>
           </li>
        </ul>
      </div>
       <!-- 合计 -->
      <div class="total">共3份，￥300</div>
    </div>
  </div>
</template>

<script>
import request from '@/utils/request'

export default {
  data() {
    return {
      menuDataList: [],
    }
  },
  methods:{
    getMenuList(){
      request({
        url:'132456'
      })
      console.log(123456)
    }
  },
  mounted(){
    this.getMenuList()
    console.log(123456)
  }
}
</script>

<style >
@import '../assets/css/order.css';
</style>


